<div class="page">
    <h1>分页 Paging</h1>
    <div class="line"></div>


    <h3>独立开发的paging方法</h3>
    <br>
    <p>page方法直接关联Api接口方法进行开发，独立封装参数及运行条件，使操作更加直接</p>
    <br>

    <div id="pagingBox"></div>


    <p></p>
    <pre class="line-numbers"><code class="language-js">// 创建分页:分页参数
// data 传入ajaxEvent的Data,其中Index和count为必须,其他任意
// ajaxEvent 具体执行AJAX的方法
// success 传入ajaxEvent的claaback,处理AJAX的返回值的具体方法
    var paging = _paging({
        data: {
            // 传入对象需要固定传入 pageInfo，才能正确解析
            // 默认初始页面序号为 1   
            // index ： 表示当前页  
            // count ： 表示每一页的总条数  
            pageInfo: {
                index: '1', // 第几页
                count: '10' // 每页多少条数据
            }
        },
        hasQuick: true, // 开启快速跳转 (默认为 false, 需要快速跳转时，切换为true)
        limitPage: true,// 开启分页数量控制 (默认为 false, 需要快速跳转时，切换为true)
        countPage: true,// 开启总页数显示 (默认为 false, 需要快速跳转时，切换为true)
        ajaxEvent: getPaging,
        success: function(result) {
            console.log(result);
        }
    });
    
// 启动/渲染
// 该方法将直接返回一个JqueryDocumentObject,输出到页面时,自动调用ajaxEvent中的方法,获取数据
paging.render()
    
    
// ajaxEvent示例
var getPaging = function(data, callBack) {
    // loading 代码直接加入到ajaxEvent 中
    request.GET({
        url: '/apiUI/paging.json?v=' + new Date().getTime(),
        success: function(result) {
            // 返回值问题 ： result 需要返回固定对象,才能正确解析 (待优化)
            {
                'list' : [], // 列表的主要内容  
                'totalRecord' : 100 , // 总条数
            }
            callBack(result);
        }
    });
};
    
    
// 重置分页:用于条件发生变化时
// 参数:paging 中 新的options.data参数
paging.refresh(data)
    
    
// 刷新分页
// 直接刷新当前分页(不改变当前参数值)
paging.init()
</code></pre>


</div>